<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="8">
        <Card>
          <template #header> 总销售额 </template>
          <template #main> 总销售额为：154540 </template>
          <template #footer> 当日销售额￥150 </template>
          <template #charts>
            <BarChart></BarChart>
          </template>
        </Card>
      </el-col>
      <el-col :span="8">
        <Card>
          <template #header> 总销售额 </template>
          <template #main> 总销售额为：154540 </template>
          <template #footer> 当日销售额￥150 </template>
          <template #charts>
            <LineChart></LineChart>
          </template>
        </Card>
      </el-col>
      <el-col :span="8">
        <Card>
          <template #header> 总销售额 </template>
          <template #main> 转化率70% </template>
          <template #footer> 当日销售额￥150 </template>
          <template #charts>
            <ProChart></ProChart>
          </template>
        </Card>
      </el-col>
    </el-row>

    
  </div>
</template>

<script>
import Card from "./card";
import BarChart from "./barChart";
import LineChart from "./lineChart";
import ProChart from "./proChart";

// console.log(echarts);
export default {
  components: {
    Card,
    BarChart,
    LineChart,
    ProChart,
  },
  mounted() {},
};
</script>

<style lang='scss' scoped>
</style>